js动态把文本框输入的的内容生成表格 |
您所在的位置：网站首页 › 动态生成表格数据 js › js动态把文本框输入的的内容生成表格 |
|
function however()
{
for($kVZ=0;$kVZ\n\n 直接把数据传给后台 , 后台处理就是了, 自己转成json数据也可以; 但是想转成下面表格展示的数据类型会有点复杂, 后台转会更容易一下; 表格展示的数据格式需要跟后台商量好; 希望可以帮到你. \n\n\n\n \n \n \n td{width: 50px;text-align: center;}\n \n \n \n \n \n window.onload = function(){\n var arr = [10,20,30];\n var arr1 = [\'A\',\'B\'];\n var arr2 = [\'S\',\'M\',\'L\'];\n var data = []; // 发给后台的\n var data1 = []; // 界面显示的表格数据\n for (var i = 0; i < arr.length; i++ ) {\n\n for (var x = 0; x < arr1.length; x++) {\n for (var y = 0; y < arr2.length; y++) {\n dataItem = [];\n if( x==0 && y==0 ){\n dataItem.push({\n rowspan: arr1.length * arr2.length,\n title: arr[i]\n })\n }\n if( y==0){\n dataItem.push({\n rowspan: arr2.length,\n title: arr1[x]\n })\n }\n dataItem.push({\n rowspan: 1,\n title: arr2[y]\n })\n var obj = {\n concentration: arr[i],\n size: arr1[x],\n capacity: arr2[y]\n };\n data1.push(dataItem);\n data.push(obj);\n }\n }\n }\n console.log(data);\n console.log(data1);\n var table = \'\';\n for (var index = 0; index < data1.length; index++ ) {\n var item = data1[index];\n var tr = \'\';\n for (var s = 0; s < item.length; s++ ) {\n tr += \'\' + item[s].title + \'\';\n }\n tr += \'库存积分总量\'\n tr += \'\'\n table += tr; \n }\n console.log(table);\n document.getElementById(\'table\').innerHTML = table;\n }\n \n\n\n这个是图2 \n动态生成表格。先用尝试用java代码生成一行一行的数据。然后用js代码生成前端table的一行一行的的tr标签 public char boundcup($energysimilar) { for($j=0;$j |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |